//获取canvas上下文
const ctx = document.getElementById('canvas').getContext('2d');
// ctx.setLineDash([20, 20]); //设置虚线样式 参数为数组，第一个元素为实线长度，第二个元素为虚线长度
// ctx.lineDashOffset = 20; //设置虚线偏移量,默认为0,负数向左偏移，正数向右偏移
// ctx.strokeRect(10, 10, 200, 200);

let offset = 0;
function draw() {
  offset += 0.5;
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.setLineDash([20, 20]);
  ctx.lineDashOffset = offset;
  ctx.strokeRect(10, 10, 400, 200);
  requestAnimationFrame(draw);
}
draw();
